/*
  学习目标：useEffect
  本质: 钩子函数, 会自动执行
  语法: useEffect(() => {  回调函数可以获取更新后的状态 })
*/
import React, { useEffect, useState } from 'react';

export default function App() {
  // 1. 声明状态

  const [count, setCount] = useState(0);

  const handleClick = () => {
    setCount(count + 1);
  };

  // 3. 使用useEffect，修改dom
  useEffect(() => {
    document.title = count;
  });

  return (
    <div>
      <h1>{count}</h1>
      <button
        // 2. 绑定事件
        onClick={handleClick}
      >
        点我+1
      </button>
    </div>
  );
}
